<style>
    #dest-folder h3,#dest-folder p,#folder-list p{
        margin:0;
        color:#3c3c3c;
    }
    .header-align{
        line-height:44px;font-size:20px;
    }
    .pdingtb-10{
        padding-top:10px;
        padding-bottom:10px;
    }
    .bor-bt{
        border-bottom:1px solid #ddd;
    }
    .folder-list-align{
        line-height:36px;font-size:20px;
    }
    #folder-tree{
        max-height:550px;
        overflow-y: auto;
    }
    .tooltip-ui-adjust{
        min-width:150px;
    }
</style>
<div class="modal-header" style="background:white;border-bottom:1px solid #ddd;color:black;border-radius: 4px;">
    <div class="row" id="dest-folder">
        <div class="col-sm-1 text-center header-align cur-p"  ng-click="backOf(destFolder)" ng-hide="destFolder.isRoot()">
            <i tooltip-placement="bottom" uib-tooltip="{{ 'back_to_pare_folder' | translate }}" class="fa fa-angle-left"></i>
        </div>
        <div ng-class="{'col-sm-11':destFolder.isRoot(),'col-sm-10':!destFolder.isRoot()}">
            <p>{{ 'dest_folder' | translate }}</p>
            <h3><strong>{{ destFolder.name }}</strong></h3>
        </div>
        <!--<div class="col-sm-1 text-center header-align" ng-click="cancel()">-->
        <!--<span class="fa-stack" style="width:1em;">-->
        <!--<i class="fa fa-folder fa-stack-1x" style="color:#797979;"></i>-->
        <!--<i class="fa fa-plus fa-stack-1x" style="color:white;font-size:6px;"></i>-->
        <!--</span>-->
        <!--</div>-->
    </div>
</div>
<div class="modal-body" id="folder-tree">
    <div class="row bor-bt" id="folder-list" ng-repeat="folder in destFolder.folderList">
        <div class="col-sm-1 text-center pdingtb-10 folder-list-align">
            <i class="fa fa-folder"></i>
        </div>
        <div class="col-sm-10 pdingtb-10">
            <p class="long-words-handle"><strong>{{ folder.name }}</strong></p>
            <!--<p>{{ new Date(folder.lastModificationDate) }}</p>-->
            <p>{{ 'last_modification_date' | translate }} {{ folder.lastModificationDate | date:'yyyy-MM-dd' }} <span class="text-danger" ng-show="!folder.allowableActions.canCreateDocument">{{ 'can_not_move' | translate }}</span></p>
        </div>
        <div  class="col-sm-1 text-center pdingtb-10 folder-list-align cur-p" ng-show="moveTargetId != folder.id" ng-click="enterIn(folder)">
            <i tooltip-placement="auto"
               uib-tooltip="{{ 'go_to' | translate }}{{ folder.name }}{{ ' ' }}{{ 'Folder' | translate }}"
               tooltip-class="tooltip-ui-adjust" tooltip-append-to-body="true" class="fa fa-angle-right"></i>
        </div>
    </div>
    <div class="clear"></div>
</div>
<div class="modal-footer" style="border-top: none;">
    <button class="btn btn-default pull-right "  ng-click="cancel()">{{ 'cancel' | translate }}</button>
    <button class="btn btn-custom-primary m-r-10 pull-right" ng-click="ok()" ng-disabled="isDisabled()">{{ 'move_here' | translate }}</button>
</div>